import React from 'react';
import Image from 'next/image';
import './SteveCase.scss';

function SteveCase() {
  return (
    <div className="steve-case main-width pt40">
      <div className="content-width">
        <div className="overline-header">
          <h6 className="overline-title floor-title-font">
            This is steve — he makes ship happen
          </h6>
        </div>
        <div className="testimonial flex-row">
          <div className="flex-row flex-1">
            <Image
              src="https://cdn.dropshipzone.com.au/dstheme/images/Quote.png"
              width={42}
              height={33}
              className="testimonial-icon"
              alt=""
            />
            <div className="testimonial-info">
              <div className="testimonial-info-inner">
                <h4 className="title">
                  The best part about Dropshipzone is the integration with
                  Shopify, making it easy for our tech team.
                </h4>
                <div className="desc">
                  In a business like John Cootes where we focus on marketing,
                  it’s so significant to have the backing of Dropshipzone behind
                  the scenes because it really makes everything else so much
                  easier.
                </div>
                <div className="cite">
                  <div className="cite-name">
                    <strong>Steve C.</strong>
                  </div>
                  <div className="cite-addr">Buyer at John Cootes</div>
                </div>
              </div>
            </div>
          </div>
          <div className="testimonial-media">
            <Image
              src="https://cdn.dropshipzone.com.au/dstheme/images/Cootes.png"
              width="600"
              height="300"
              alt=""
              className="testimonial-image"
            />
          </div>
        </div>
      </div>
    </div>
  );
}

export default SteveCase;
